<!--
 * @Author: zoey
 * @Date: 2023-05-08 15:08:43
 * @LastEditors: zoey
 * @LastEditTime: 2023-05-09 09:44:27
 * @Description: 请填写简介
-->
<template>
    <a-row>
        <a-col :span="12">
            <Minihistogram style="width:100px;height:100px"></Minihistogram>
        </a-col>
        <a-col :span="12">
            <a-statistic title="使用线程数量" :value="valuex" :value-style="{ color: '#000' }" style="margin-right: 50px">
                <!-- <template #suffix>
                    <a-icon type="like" @click="addValue()"/>
                </template> -->
            </a-statistic>
            <!-- <a-statistic title="proportion" :value="valuex" :value-style="{ color: '#aeaf11' }" class="demo-class">
            <template #suffix>
            <span> / 100</span>
            </template>
        </a-statistic> -->
        </a-col>
    </a-row>
</template>
<script>
    import Minihistogram from "../report/minihistogram.vue"
    export default {
        components: {
            Minihistogram
        },
        data() {
            return {
                newValuex2: this.valuex
            }
        },
        props: {
            valuex: Number
        },
        methods: {
            addValue() {
                // console.log('111');
                // this.newValuex2 ++;
                console.log(this.newValuex2);
            }
        }
    }
</script>